<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="USUARIOS Y ACCESOS GLOBALES" style="border:none;">
            <p >
                En esta vista se crea las cuentas de las empresas que están 
                solicitando a personal para su empresa. Dicha cuenta le 
                permitirá realizar una búsqueda según sus necesidades, 
                luego le llegara un correo a Ud. para poder ver a que 
                personas se ha encontrado con el perfil que busca la empresa.
            </p>
            <div align="center">
                <h:form id="formUsEmpId">
                    <div class="dynaFormLabel">  
                        <p:outputLabel for="txt" value="Nombre de Usuario"/>  
                    </div>  
                    <p:inputText id="txt" required="true" 
                                 label="Nombre de Usuario" maxlength="44"
                                 value="#{systemUserBean.systemUserCompany.userName}"/>
                    <div class="dynaFormLabel">  
                        <p:outputLabel for="txt1" value="Contraseña"/>  
                    </div>  
                    <p:inputText id="txt1" required="true" 
                                 label="Contraseña" maxlength="44"
                                 value="#{systemUserBean.systemUserCompany.password}"/>
                    <div class="dynaFormLabel">  
                        <p:outputLabel for="txt2" value="Expira en?"/>  
                    </div>  
                    <p:calendar id="txt2" required="true" 
                                label="Expira en?" locale="es"
                                pattern="dd/MM/yyyy"
                                value="#{systemUserBean.systemUserCompany.finishDate}"/> 
                    
                    <div class="dynaFormLabel">  
                        <p:outputLabel for="txt1" value="Contraseña"/>  
                    </div>  
                    <h:panelGrid columns="2">
                        <p:selectOneMenu value="#{systemUserBean.company}" required="true"
                                         requiredMessage="Necesita seleccionar una empresa"
                                         converter="companyconvert" filter="true" 
                                         filterMatchMode="startsWith" panelStyleClass="width:100%;"
                                         effect="fade" id="onMenuId">
                            <f:selectItem itemLabel="Seleccione una empresa" />
                            <f:selectItems value="#{systemUserBean.listCompany}" var="comp" 
                                           itemLabel="#{comp.name}" itemValue="#{comp}" />
                        </p:selectOneMenu>
                        <p:commandButton icon="ui-icon-person" process="@this" 
                                         onclick="addCompanyW.show();"
                                         update=":formdialogId"/>
                    </h:panelGrid>
                    <p class="separator" /><p class="separator" />
                    <p class="separator" />
                    <p:commandButton value="Guardar" update="@form"
                                     action="#{systemUserBean.saveOrUpdateSystemUserCompany()}"/>

                </h:form>
            </div>
        </p:panel>
    </div>

    <p:dialog modal="true" header="Agregando empresa" appendTo="@(body)"
              widgetVar="addCompanyW" id="addCompanyId">
        <div align="center">
            <h:form id="formdialogId">
            <h:panelGrid columns="2">
                <h:outputText value="RUC Empresa" />
                <p:inputText value="#{systemUserBean.company.ruc}" 
                             placeholder="12 digitos como máximo" 
                             required="true" label="Ruc" maxlength="12" >
                </p:inputText>

                <h:outputText value="Nombre Empresa" />
                <p:inputText value="#{systemUserBean.company.name}"
                             required="true" label="Nombre">
                </p:inputText>

                <h:outputText value="Telefono / Celular" />
                <p:inputText value="#{systemUserBean.company.phone}">
                </p:inputText>

                <h:outputText value="Contacto" />
                <p:inputText value="#{systemUserBean.company.contact}">
                </p:inputText>
            </h:panelGrid>

            <p:commandButton value="Guardar" action="#{systemUserBean.saveOrUpdateCompany()}"
                             oncomplete="if(!args.validationFailed){addCompanyW.hide();}"
                             update=":formUsEmpId:onMenuId" validateClient="true" ajax="false"/>
            <p:commandButton value="Salir" process="@none" onclick="addCompanyW.hide();"/>
            </h:form>
        </div>
    </p:dialog>
</ui:composition>

